<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Question-1</title>
</head>
<body>
    <!--从H1字号开始输出对应的内容 例:这是H1字号的一句话,这句话是斜体的,下面这条水平线是红色的,高度是60%,宽度是100%,靠左对齐.-->
    <h1><i>这是H1字号的一句话,这句话是斜体的,下面这条水平线是红色的,高度是60%,宽度是100%,靠左对齐.</i></h1>
    <hr color="red" size="60%" width="100%" align="left">

    <h2><b>这是H2字号的一句话,这句话是粗体的,下面这条水平线是蓝色的,高度是50%,宽度是90%,靠右对齐.</b></h2>
    <hr color="blue" size="50%" width="90%" align="right">

    <h3><i>这是H3字号的一句话,这句话是斜体的,下面这条水平线是绿色的,高度是40%,宽度是80%,靠左对齐.</i></h3>
    <hr color="green" size="40%" width="80%" align="left">

    <h4><b>这是H4字号的一句话,这句话是粗体的,下面这条水平线是粉色的,高度是30%,宽度是70%,靠右对齐.</b></h4>
    <hr color="pink" size="30%" width="70%" align="right">

    <h5><i>这是H5字号的一句话,这句话是斜体的,下面这条水平线是黑色的,高度是20%,宽度是60%,靠左对齐.</i></h5>
    <hr color="black" size="20%" width="60%" align="left">

    <h6><b>这是H6字号的一句话,这句话是粗体的,下面这条水平线是黄色的,高度是10%,宽度是50%,向右对齐</b></h6>
    <hr color="yellow" size="10%" width="50%" align="right">
</body>
</html>